<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sistema de Contratualização do Ano de 2010</title>
 <g:javascript src="jquery-1.4.2.min.js" />
    <g:javascript library="prototype" />
<g:javascript src="jquery.maskedinput.js" />
<script src="../SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryValidationTextarea.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryTooltip.js" type="text/javascript"></script>
<script src="../SpryAssets/SpryValidationPassword.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<link href="../SpryAssets/SpryValidationTextarea.css" rel="stylesheet" type="text/css" />
<link href="../SpryAssets/SpryTooltip.css" rel="stylesheet" type="text/css" />
<style type="text/css">

  body{
    font: lighter normal 13px/1.5em Verdana, Geneva, sans-serif;
}

.helper {
	width:20px;
	height:20px;
	background-image: url(../images/ico-duvida.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	margin-left: 10px;
	background-color: #FFF;
	cursor:pointer;
}

.helper:hover{
	background-image: url(../images/ico-duvida-hover.png);
	background-repeat: no-repeat;
	background-position: center center;
	}
.css-label {
	font: lighter normal 13px/1.5em Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	color: #333;
	display: inline-block;
	width: 175px;
	padding-right: 10px;
	text-align: right;
	vertical-align: top;
	margin-top: 5px;
}
input, textarea ,select{
	width:400px;

}

.half-me{
	width:200px;
}
.alert {
	width:60%;
	display:inline-block;
	text-align:right;
	position:relative;
	right:-20px;
}

.instrucoes{
  width: 680px;
  text-align: justify;
  padding: 20px!important;
}

legend{
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 1.2em;
  font-weight: bold;
}
fieldset {
	background: #f9f9f9;
	border:none;
	width:680px;
	margin:20px;
        border: solid 1px #c0c0c0;
}
#frm p {
	border-bottom:dotted 1px #f0f0f0;
	padding:10px 0;
}

.cmdenviar{
	width:200px;
	background:#390;
	color:#FFF;
	padding:5px;
	margin-left:200px;
}

.info {
  width: 700px;
  text-align: justify;


}
.message {
    background: #f3f8fc url(../images/skin/information.png) 8px 50% no-repeat;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px
}

div.errors {
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 0;
}
div.errors ul {
    list-style: none;
    padding: 0;
}
div.errors li {
    background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
    line-height: 16px;
    padding-left: 30px;
}

td.errors select {
    border: 1px solid red;
}
td.errors input {
    border: 1px solid red;
}

</style>
 <script type="text/javascript">
      function valida(valor,input) {
 var passwd = document.getElementById('passwd') ;
 var pass = document.getElementById('pass') ;
 if(passwd.value && pass.value ) {
   if (passwd.value != pass.value) {
 passwd.value = '';
 pass.value = '';
alert('Senhas Não Coincidem');
return false;
  }
 };
 if(email.value && email2.value ) {
   if (email.value != email2.value) {
 email.value = '';
 email2.value = '';
alert('E-mails Não Coincidem');
return false;
   }
 };
 new Ajax.Request('../inscricao/'+ input + '?valor='+valor+'&passwd='+passwd, {
       dataType: "json",
      onSuccess: function(response) {
      var dados = eval('(' + response.responseText + ')');
      atualiza(dados.valida, dados.menssagem ,input);
      }});
      };

      function atualiza(valor,menssagem,input) {
  if (valor == false) {
      var documento = document.getElementById(input)
      documento.style.border = '1px solid red';
      alert(menssagem)
      documento.value = ''
      document.focus()
     } else {
         document.getElementById(input).style.border = '1px solid green';
       }
      };

                 function atualizaPorCnpj(valor) {
 new Ajax.Request('../inscricao/atualizaPorCnpj?valor='+valor, {
       dataType: "json",
      onSuccess: function(response) {
      var dados = eval('(' + response.responseText + ')');
  if (dados.nome.size() > 0) {
     var razaoSocial = document.getElementById('razaoSocial').value = dados.nome;

    if (dados.cnpj.size() > 4) {
      var cnpj = document.getElementById('cnpj').value = dados.cnpj;
    }
 if (dados.endereco.size() > 4) {

       var endereco = document.getElementById('endereco').value = dados.endereco;
    }
         }
      }
    }
  );
};
           function atualizaPorCnes(valor) {           
 new Ajax.Request('../inscricao/atualizaPorCnes?valor='+valor, {
       dataType: "json",
      onSuccess: function(response) {
      var dados = eval('(' + response.responseText + ')');
  if (dados.nome.size() > 0) {


    var razaoSocial = document.getElementById('razaoSocial').value = dados.nome;

    if (dados.cnpj.size() > 4) {
      alert(dados.cnpj.size())
      var cnpj = document.getElementById('cnpj').value = dados.cnpj;
    }
 if (dados.endereco.size() > 0) {
       var endereco = document.getElementById('endereco').value = dados.endereco;
    }

 
         }
      }
    }
  );
};

function mostra_ajax() {
document.getElementById("imgAjax").style.display = 'block';
document.getElementById("submit").style.display = 'none';
}


jQuery(function($){

$('#telefone').mask("(999)9999-9999");});



      </script>
<link href="../SpryAssets/SpryValidationPassword.css" rel="stylesheet" type="text/css" />
</head>
<body>
   


<g:form action="save" method="post">  
    <input type="hidden" name="inscricao" value="${inscricaoInstance?.inscricao}" />
      <input type="hidden" name="chave" value="${inscricaoInstance?.chave}" />
<div class="instrucoes">
            <!-- INSTRUCOES -->
            <h3> Aten&ccedil;&atilde;o! </h3>
  <h3> Antes de preecher as informa&ccedil;&otilde;es abaixo fique atento as seguintes observa&ccedil;&otilde;es</h3>
  <p>SMS – Inscri&ccedil;&atilde;o on-line consiste em dois passos.</p>
  <p>Passo  1: Preenchimento do formul&aacute;rio abaixo, onde todos os campos s&atilde;o  obrigat&oacute;rios. Esclarecemos que o candidato &eacute; respons&aacute;vel pela  veracidade das informa&ccedil;&otilde;es prestadas.  </p>
  <p>O candidato dever&aacute; submeter as  informa&ccedil;&otilde;es prestadas clicando no bot&atilde;o
    'Salvar informa&ccedil;&atilde;o' (bot&atilde;o verde). Ao fazer  isso, ser&aacute; re-direcionado
    para uma segunda p&aacute;gina, onde aparecer&aacute; uma  mensagem informando que os
    dados foram encaminhados com sucesso. Em  seguida, o candidato
    receber&aacute;, na 'Caixa de Entrada' do endere&ccedil;o  eletr&ocirc;nico informado, uma
    mensagem intitulada 'Inscri&ccedil;&atilde;o On-line', contendo os dados de sua
    inscri&ccedil;&atilde;o e o link para  valida&ccedil;&atilde;o das informa&ccedil;&otilde;es.
    Este &eacute; o final do Passo 1 e o in&iacute;cio do  Passo 2. </p>
  <p> Passo 2. Ao clicar no link da mensagem, voc&ecirc; ver&aacute; uma        p&aacute;gina contendo um bot&atilde;o da cor verde escrito &lsquo;Validar as informa&ccedil;&otilde;es&rsquo;.  </p>
  <p>
      Ap&oacute;s 'Validar as informa&ccedil;&otilde;es'' você ser&aacute; redirecionado para uma outra
            p&aacute;gina com um formul&aacute;rio contendo os campos 'e-mail' e 'Senha'. Ao
clicar no bot&atilde;o da cor verde, escrito 'Acessar Informa&ccedil;&otilde;es' ser&aacute;
mostrada uma tela contendo todas as informa&ccedil;&otilde;es onde voc&ecirc; poder&aacute;
imprimir sua inscri&ccedil;&atilde;o on-line e acompanhar o processo de
contratualiza&ccedil;&atilde;o.</p>
  <p>Certifique-se da validade do e-mail informado e das informa&ccedil;&otilde;es prestadas.</p>
  <p>Atenciosamente,<br />
  Comiss&atilde;o de Contratualiza&ccedil;&atilde;o dos Servi&ccedil;os de Sa&uacute;de de Fortaleza</p>
            <!-- FIM INSTRUCOES -->
</div>
<g:if test="${flash.message}">
      <div class="space-me-8"><!-- spacer --></div>
      <div class="errors">${flash.message} </div>
    </g:if>



   <g:hasErrors bean="${params}">
      <div class="errors">
        <div class="space-me-8"><!-- spacer --></div>
        <g:renderErrors bean="${params}" as="list" />
      </div>
    </g:hasErrors>
  <did id="frm">
   
    <legend>Dados do estabelecimento de Sa&uacute;de</legend>
    <p><span id="spry-cnes">
      <label class="cnt" id="cnt-cnes"><span class="css-label">Cnes</span>

         <input name="cnes" id="cnes" class="half-me" onchange="atualizaPorCnes(this.value);valida(this.value,this.id);" class="small" value="${inscricaoInstance?.cnes}"  />

        <span class="helper" id="helper-cnes"></span> </label>
      <span class="alert"><span class="textfieldRequiredMsg">Por favor, informe o codigo CNES.</span>
        <span class="textfieldInvalidFormatMsg">O código CNES deve ser um código válido.</span> </span> </span> </p>
    <p><span id="spry-cnpj">
      <label class="cnt" id="cnt-cnpj"><span class="css-label">Cnpj</span>
         <input name="cnpj" id="cnpj"   onchange="atualizaPorCnpj(this.value);valida(this.value,this.id);" class="half-me"  value="${inscricaoInstance?.cnpj}"    />
      <span class="helper" id="helper-cnpj"></span> </label>
      <span class="alert"> <span class="textfieldRequiredMsg">Por favor, informe o numero do CNPJ.</span> </span></span></p>
    <p><span id="spry-es">
      <label class="cnt" id="cnt-es"><span class="css-label">Estabelecimento de Saude</span>    
        <input name="razaoSocial" id="razaoSocial"  onchange="valida(this.value,this.id);"   value="${inscricaoInstance?.razaoSocial}"  />

        <span class="helper" id="helper-es"></span>
      </label>
      <span class="alert"> <span class="textfieldRequiredMsg">Por favor, informe o nome do Estabelecimento de Saude.</span> </span></span></p>
    <p><span id="spry-endes">
      <label class="cnt" id="cnt-endes"><span class="css-label">Endereco do Estabelecimento de Saude</span>         
        <textarea name="endereco" cols="30" rows="5" class="big"  id="endereco" onchange="valida(this.value,this.id);">${inscricaoInstance?.endereco}</textarea>

      </label><span class="helper" id="helper-endes"></span>
      <span class="alert"> <span class="textareaRequiredMsg">Por favor, informe o endereco do Estabelecimento de Saude.</span></span></span></p>
    <p>
      <label class="cnt" id="cnt-modalidade"><span class="css-label">Modalidade</span>
        <select name="modalidadeAtendimento" id="modalidade">

         <g:each in="${inscricaoInstance.constraints.modalidadeAtendimento.inList}" var="selecao">
          <option value="${selecao}">${selecao}</option>
          </g:each>
        </select><span class="helper" id="helper-modalidade"></span>
      </label>
    </p>
    <p><span id="spry-diretor">
      <label class="cnt" id="cnt-diretor"><span class="css-label">Nome do diretor</span>
      <input name="dirigente" id="dirigente"  onchange="valida(this.value,this.id);" class="big" value="${inscricaoInstance?.dirigente}"  />
      <span class="helper" id="helper-diretor"></span>
      </label>
      <span class="alert"> <span class="textfieldRequiredMsg">Por favor, informe o nome do Diretor do Estabelecimento de Saude.</span></span></span></p>

        <p><span id="spry-diretor">
      <label class="cnt" id="cnt-responsavel"><span class="css-label">Responsável Pelo Preenchimento</span>
       <input name="responsavel" id="responsavel"  onchange="valida(this.value,this.id);" class="big" value="${inscricaoInstance?.responsavel}"  />
        <span class="helper" id="helper-responsavel"></span>
      </label>
      <span class="alert"> <span class="textfieldRequiredMsg">Por favor, informe o nome do Responsável Pelo Preenchimento do Estabelecimento de Saude.</span></span></span></p>

    <p><span id="spry-fone">
      <label class="cnt" id="cnt-telefone"><span class="css-label">Telefone de contato</span>
          <input name="telefone" id="telefone"  onchange="valida(this.value,this.id);" class="half-me" value="${inscricaoInstance?.telefone}" />
        <span class="helper" id="helper-telefone"></span> </label>
      <span class="alert"> <span class="textfieldRequiredMsg">Por favor, informe o telefone de contato.</span><span class="textfieldInvalidFormatMsg">O formatodo telefone deve ser (xxx)xxxx-xxxx.</span></span></span></p>
  </fieldset>
  <div class="spacer"></div>
  <div class="instrucoes">
    Ao preencher os dados abaixo, ser&aacute; criado um usu&aacute;rio administrador das
    informa&ccedil;&otilde;es do Estabelecimento acima. As informa&ccedil;&otilde;es necess&aacute;rias &agrave; conclus&atilde;o da
    sua inscri&ccedil;&atilde;o
    on-line ser&atilde;o enviadas para o endere&ccedil;o eletr&ocirc;nico informado
  </div>
  <fieldset>
  	<legend>Dados do usu&Aacute;rio administrador das informa&Ccedil;&Otilde;ES</legend>
 <p><span id="spry-email">
 <label class="cnt" id="cnt-email"><span class="css-label">E-mail</span>
    <input name="email" id="email" type="text" onchange="valida(this.value,this.id);" class="big" value="${usuarioInstance?.email?.encodeAsHTML()}" />
   <span class="helper" id="helper-email"></span></label>
 <span class="alert">
 <span class="textfieldRequiredMsg">Por favor, informe um e-mail de contato.</span><span class="textfieldInvalidFormatMsg">Por favor, informe um e-mail válido.</span></span></span></p>
 <p>
 <label class="cnt" id="cnt-confemail"><span class="css-label">Confirmar o e-mail</span>
<input name="email2" id="confemail" type="text" onchange="valida(this.value,this.id);" class="big" value="${usuarioInstance?.email2?.encodeAsHTML()}" />

 </label>
</p>
 <p><span id="spry-senha">
 <label class="cnt" id="cnt-senha"><span class="css-label">Digite uma senha</span>
   <input name="passwd" type="password" class="half-me" id="senha" />
 </label><span class="helper" id="helper-senha"></span>
 <span class="alert">
 <span class="passwordRequiredMsg">Por favor, informe uma senha.</span><span class="passwordInvalidStrengthMsg">A senha deve ter o cumprimento de 6 a 12 caracteres.</span></span>
 </span></p>
 <p>
 <label class="cnt" id="cnt-confsenha"><span class="css-label">Confirme a senha</span>
   <input name="pass" type="password" class="half-me" id="confsenha" />
   </label>
</p>
  </fieldset>
  <p><input name="cmdsalvar" type="submit"   id="submit" class="cmdenviar" value="Salvar informa&ccedil;&atilde;o" /></p>
    <div>
              <img src="../images/ajax-loader.gif" alt="carregando" id="imgAjax" style="display: none;" />
            </div>
  </div>
  <!-- end #frm -->
</g:form>
<div class="tooltipContent" id="spry-tooltip-senha">Você deve informar uma <strong>senha</strong> e confirmar no campo abaixo.</div>
<div class="tooltipContent" id="spry-tooltip-email">Você deve informar um <strong>endereço de mensagem eletrônica</strong> 
  
  válido e confirmar no campo abaixo.<br />
  As informações de acompanhamento de todo o processo de contratualização serão encaminhadas para este <strong>e-mail.</strong>
 
Caso o estabelecimento de saúde queira apresentar proposta de prestação de serviço tanto na modalidade hospitalar quanto ambulatorial, deverá utilizar emails diferentes, ou seja, deverão ser dois usuários administradores.

</div>
<div class="tooltipContent" id="spry-tooltip-telefone">Você deve informar o <strong>telefone de contato</strong> do <strong>Estabelecimento de Saúde</strong>. <br />
O Formulário não poderá ser concluído sem essa informação.</div>
<div class="tooltipContent" id="spry-tooltip-diretor">Você deve informar o <strong>nome do diretor</strong> do <strong>Estabelecimento de Saúde</strong>. <br />
O Formulário não poderá ser concluído sem essa informação.</div>
<div class="tooltipContent" id="spry-tooltip-responsavel">Você deve informar o <strong>nome do Responsável Pelo </strong> Preenchimento  <strong>Estabelecimento de Saúde</strong>. <br />
O Formulário não poderá ser concluído sem essa informação.</div>
<div class="tooltipContent" id="spry-tooltip-modalidade">Você deve escolher uma <strong>modalidade de atendimento.</strong><br />

  Caso deseje apresentar proposta de prestação de serviço tanto na área ambulatorial quanto hospitalar, você deve se inscrever em ambas as modalidades. <br/>
  O Formulário não poderá ser concluído sem essa informação.</div>
<div class="tooltipContent" id="spry-tooltip-endes">Você deve informar o endereço do <strong>Estabelecimento de Saúde</strong>. <br />
O Formulário não poderá ser concluído sem essa informação.</div>
<div class="tooltipContent" id="spry-tooltip-es">Você deve informar o Nome do <strong>Estabelecimento de Saúde</strong>. <br />
  O Formulário não poderá ser concluído sem essa informação.</div>
<div class="tooltipContent" id="spry-tooltip-cnes">Você deve informar o Número do <strong>Cadastro Nacional de Estabelecimento de Saúde</strong>. <br />
  O Formulário não poderá ser concluído sem essa informação. <br/> O CNES pode ser obtido no link <link src="www.cnes.datasus.gov.br"  >www.cnes.datasus.gov.br</link> </div>
<div class="tooltipContent" id="spry-tooltip-cnpj">Você deve informar o Número do <strong>Cadastro Nacional de Pessoa Jurídica do Estabelecimento de Saúde</strong>. <br />
  O Formulário não poderá ser concluído sem essa informação. </div>
<script type="text/javascript">
<!--
var sprytextfield1 = new Spry.Widget.ValidationTextField("spry-cnes", "integer", {validateOn:["blur", "change"]});
var sprytextfield2 = new Spry.Widget.ValidationTextField("spry-cnpj", "none", {validateOn:["blur"]});
var sprytextfield3 = new Spry.Widget.ValidationTextField("spry-es", "none", {validateOn:["blur", "change"]});
var sprytextarea1 = new Spry.Widget.ValidationTextarea("spry-endes", {validateOn:["blur", "change"]});
var sprytextfield4 = new Spry.Widget.ValidationTextField("spry-diretor", "none", {validateOn:["blur", "change"]});
var sprytextfield5 = new Spry.Widget.ValidationTextField("spry-fone", "phone_number", {format:"phone_custom", validateOn:["blur", "change"], pattern:"(000)0000-0000"});
var sprytextfield6 = new Spry.Widget.ValidationTextField("spry-email", "email", {validateOn:["blur", "change"]});
var sprytooltip1 = new Spry.Widget.Tooltip("spry-tooltip-cnpj", "#helper-cnpj", {followMouse:false, closeOnTooltipLeave:true, useEffect:"fade"});
var sprytooltip2 = new Spry.Widget.Tooltip("spry-tooltip-cnes", "#helper-cnes", {useEffect:"fade", closeOnTooltipLeave:true, followMouse:false});
var sprytooltip3 = new Spry.Widget.Tooltip("spry-tooltip-es", "#helper-es", {useEffect:"fade", closeOnTooltipLeave:true, followMouse:false});
var sprytooltip4 = new Spry.Widget.Tooltip("spry-tooltip-endes", "#helper-endes", {useEffect:"fade", followMouse:false, closeOnTooltipLeave:true});
var sprytooltip5 = new Spry.Widget.Tooltip("spry-tooltip-modalidade", "#helper-modalidade", {useEffect:"fade", closeOnTooltipLeave:true, followMouse:false});
var sprytooltip6 = new Spry.Widget.Tooltip("spry-tooltip-diretor", "#helper-diretor", {useEffect:"fade", followMouse:false, closeOnTooltipLeave:true});
var sprytooltip7 = new Spry.Widget.Tooltip("spry-tooltip-responsavel", "#helper-responsavel", {useEffect:"fade", followMouse:false, closeOnTooltipLeave:true});
var sprytooltip8 = new Spry.Widget.Tooltip("spry-tooltip-telefone", "#helper-telefone", {useEffect:"fade", followMouse:false, closeOnTooltipLeave:true});
var sprytextfield7 = new Spry.Widget.ValidationTextField("spry-email");
var sprytooltip9 = new Spry.Widget.Tooltip("spry-tooltip-email", "#helper-email", {useEffect:"fade", followMouse:false, closeOnTooltipLeave:true});
var sprypassword1 = new Spry.Widget.ValidationPassword("spry-senha", {validateOn:["blur", "change"]});
var sprytooltip10 = new Spry.Widget.Tooltip("spry-tooltip-senha", "#helper-senha", {followMouse:false, closeOnTooltipLeave:true, useEffect:"fade"});
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("spry-panel1");
//-->
</script>
</body>
</html>